<template>
	<view class="temp">
		<view class="perContent">
			<view class="content2">
				<view class="topCon">
					<text>企业信息</text>
					<view class="success">
						<view class="iconfont icon-gouxuan">
						</view>
						<text>认证通过</text>
					</view>
				</view>
				<u--form class="formContent" labelPosition="left" :model="model" :rules="rules" ref="uForm">
					<u-form-item labelWidth='100' label="单位名称" prop="formData.name" ref="name">
						<u--input v-model="recordData.name" border="none" placeholder="请输入单位名称"></u--input>
					</u-form-item>
					<u-form-item labelWidth='100' label="单位等级" prop="formData.region" ref="region">
						<u--input v-model="recordData.idCard" border="none" placeholder="请输入单位等级"></u--input>
					</u-form-item>
					<u-form-item labelWidth='100' label="单位属性" prop="formData.address" ref="address">
						<u--input v-model="recordData.address" border="none" placeholder="请输入单位属性"></u--input>
					</u-form-item>
				</u--form>
			</view>
			<u-gap height="8" bgColor="#F5F5F5"></u-gap>
			<view class="content2">
				<view class="topCon">负责人信息</view>
				<u--form class="formContent" labelPosition="left" :model="model" :rules="rules" ref="uForm">
					<u-form-item labelWidth='100' label="姓名" prop="formData.name" ref="name">
						<u--input v-model="recordData.name" border="none" placeholder="请输入姓名"></u--input>
					</u-form-item>
					<u-form-item labelWidth='100' label="身份证号" prop="formData.region" ref="region">
						<u--input v-model="recordData.idCard" border="none" placeholder="请选择地区"></u--input>
					</u-form-item>
					<u-form-item labelWidth='100' label="详细地址" prop="formData.address" ref="address">
						<u--input v-model="recordData.address" border="none" placeholder="请输入详细地址"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
					<u-form-item labelWidth='100' label="手机号" prop="formData.phone" ref="phone">
						<u--input v-model="recordData.phone" border="none" placeholder="请输入手机号"></u--input>
					</u-form-item>
				</u--form>
			</view>
			<u-gap height="8" bgColor="#F5F5F5"></u-gap>
			<view class="content2">
				<view class="topCon">
					<text>资料上传</text>
				</view>
				<view class="c2Div">
					<view class="c2Title">
						<text>医疗执业许可证</text>
					</view>
					<view class="c2Content">
						<view class="uploadOne">
							<view class="uploadDiv uploadDiv2">
								<image src="/static/images/home/zs.svg" mode=""></image>
								<text>营业执照</text>
							</view>
						</view>
					</view>
				</view>
				<view class="c2Div">
					<view class="c2Title">
						<text>机构执业校验有效期</text>
					</view>
					<view class="c2Content">
						<view class="uploadOne">
							<view class="uploadDiv uploadDiv2">
								<image src="/static/images/home/zs.svg" mode=""></image>
								<text>机构执业校验有效期</text>
							</view>
						</view>
					</view>
				</view>
				<view class="c2Div">
					<view class="c2Title">
						<text>承诺书</text>
						<view class="titcleIcon">
							<view class="iconfont icon-word">
							</view>
							<text>机构承诺书</text>
						</view>
					</view>
					<view class="c2Content">
						<view class="uploadOne">
							<view class="uploadDiv uploadDiv2">
								<image src="/static/images/home/cls.svg" mode=""></image>
								<text>承诺书</text>
							</view>
						</view>
					</view>
				</view>
				<view class="c2Div">
					<view class="c2Title">
						<text>其它辅助材料</text>
						<text class="titleP">（非必须上传，有互联网医院上传）</text>
					</view>
					<view class="c2Content">
						<view class="uploadOne">
							<view class="uploadDiv uploadDiv2">
								<image src="/static/images/home/qt.svg" mode=""></image>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="gapCon">
				<u-gap height="7" bgColor="#F5F5F5"></u-gap>
			</view>
		</view>
		<view class="commonBtn">
			<view class="btnCon" @tap="goto('pages/medical/certificationResult')">
				<text>重新审核</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				model: {
					formData: {
						professional: "",
						employer: "",
						practice: "",
						years: "",
					},
				},
				recordData: {
					name: "张三13525232333",
					idCard: "13525232333",
					region: "530522198802151023",
					address: "东莞市南城街道天安数码城A栋1001",
				},
				rules: {

				},
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.temp {
		position: relative;
	}

	.perContent {
		padding-bottom: 200rpx;
		margin: 24rpx;
	}

	.topCon {
		font-size: 32rpx;
		font-weight: 600;
		height: 96rpx;
		opacity: 1;
		background: rgba(255, 255, 255, 1);
		border-bottom: 1rpx solid rgba(245, 245, 245, 1);
		display: flex;
		justify-content: space-between;
		align-items: center;

		.success {
			display: flex;
			align-items: center;
			color: $theme-color;
			font-size: 24rpx;
			font-weight: normal;

			.iconfont {
				margin-right: 5rpx;
			}
		}
	}

	.content2 {
		padding: 0 24rpx 24rpx 24rpx;
		background-color: #fff;
		border-radius: 16rpx;

		.c2Div {
			display: flex;
			justify-content: center;
			flex-direction: column;
			margin-top: 24rpx;

			.c2Title {
				display: flex;
				align-items: center;
				font-size: 28rpx;
				line-height: 40rpx;

				.titleP {
					font-size: 24rpx;
					font-weight: 400;
					color: rgba(152, 160, 166, 1);
				}

				.titcleIcon {
					display: flex;
					align-items: center;
					margin-left: 12rpx;
					color: rgba(52, 115, 173, 1);

					.iconfont {
						margin-right: 4rpx;
					}
				}
			}

			.c2Content {
				display: flex;
				justify-content: center;
			}
		}
	}

	.uploadOne {
		letter-spacing: 0rpx;
		line-height: 40rpx;
		color: rgba(54, 68, 79, 1);
		margin-top: 8rpx;

		.uploadDiv {
			width: 336rpx;
			height: 196rpx;
			opacity: 0.4;
			border-radius: 16rpx;
			border: 4rpx solid rgba(117, 120, 128, 1);
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			font-size: 24rpx;
			font-weight: 400;

			image {
				width: 93.75rpx;
				height: 70.31rpx;
			}
		}

		.uploadDiv2 {
			width: 480rpx;
			height: 280rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
	}

	.gapCon {
		margin-top: 24rpx;
	}


	::v-deep .u-form-item__body__left__content__label {
		font-size: 28rpx;
	}

	::v-deep .uni-input-input {
		font-size: 28rpx;
	}

	::v-deep .u-form-item__body {
		padding-top: 24rpx;
	}
</style>